@import url(preloader.css);
@import url(scroltop.css);
@import url(progress-bar.css);
@import url(magnific-popup.css);

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
}
h7 {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #777
}

p,
a,
span,
button {
  font-family: 'Open Sans', sans-serif;
}

.col- {
  padding: 0 !important;
}

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  /* background-color: rgba(0,0,0,0.4); */
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* 设置弹窗宽度为80% */
  max-width: 400px; /* 设置最大宽度为400px */
}
.close {
  color: #aaa;
  font-size: 36px; /* 增加关闭叉的字体大小 */
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 10px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.affix {
  background-color: #20212B;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.banner-inner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 350px;
}

.banner-inner .bgc {
  background: #1B3379CC;
  height: 350px;
}

.banner-inner .bgc .overlay {
  position: absolute;
  top: 200px;
}

.banner-inner .bgc .overlay .content .sub-heading {
  margin-bottom: 10px;
}

.banner-inner .bgc .overlay .content .sub-heading .title {
  color: #fff;
  font-size: 70px;
  line-height: 70px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.banner-inner .bgc .overlay .breadcrumb {
  padding: 0;
  margin: 0;
}

.banner-inner .bgc .overlay .breadcrumb .active {
  color: #fff;
}

.banner-inner .bgc .overlay .breadcrumb li a {
  text-decoration: none;
}

.sub-heading {
  margin-bottom: 50px;
  text-align: center;
}

.sub-heading h5 {
  font-size: 16px;
  line-height: 27.2px;
  margin: 0px 0px 10px;
  font-weight: 700;
  opacity: .4;
}

.sub-heading h2 {
  color: #4a4c70;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -3.5px;
  font-weight: 700;
  padding-right: 3px;
}

.sub-heading .title span {
  font-weight: 300;
}

.sub-heading p {
  font-size: 16px;
  line-height: 27.2px;
  font-weight: 500;
  color: #777;
}

.btn {
  color: #FFAB00;
  border: 2px solid #FFAB00;
  font-size: 14px;
  padding: 10px 30px;
  text-decoration: none;
  display: inline-block;
  margin-top: 30px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 5px;
  z-index: 3;
}

.btn:hover {
  color: #fff;
  background-color: #cc8900;
  border-color: #c28200;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn-normal {
  color: #FFAB00;
  border: 2px solid #FFAB00;
  font-size: 14px;
  padding: 10px 30px;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 5px;
  z-index: 3;
}

.btn-normal:hover {
  color: #fff;
  background-color: #cc8900;
  border-color: #c28200;
}

.btn-bg {
  color: #fff;
  background-color: #FFAB00;
  border-color: #FFAB00;
  font-size: 14px;
  padding: 10px 30px;
  text-decoration: none;
  display: inline-block;
  margin-top: 30px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 5px;
}

.btn-bg:hover {
  color: #fff;
  background-color: #cc8900;
  border-color: #c28200;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn-bg-normal {
  color: #fff;
  background-color: #FFAB00;
  font-size: 14px;
  padding: 10px 30px;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 5px;
}

.btn-bg-normal:hover {
  color: #fff;
  background-color: #cc8900;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 10;
  padding: 8px 0;
}

.header .navbar .navbar-brand {
  display: flex;
  text-decoration: none;
  font-weight: 700;
  padding: 0;
  margin: 0;
}

.header .navbar .navbar-toggler {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
}

.header .navbar .navbar-toggler i {
  color: #fff;
  font-size: 25px;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu {
  border-radius: 0;
}

.header .navbar .navbar-nav .nav-item:hover ul {
  display: inherit;
}

.header .navbar .navbar-nav .nav-item ul {
  display: none;
}

.header .navbar .navbar-nav .nav-item .nav-link {
  font-size: 15px;
  line-height: 23.8px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}

.header .navbar form .language {
  border: none;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  background-color: transparent;
  margin-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.header .navbar form .language option {
  background-color: #1B3379CC;
}

/*Banner Section*/
.banner {
  width: 100%;
}

.banner .banner__body .banner__img {
  position: relative;
}


.banner .hero-slider .banner__img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}


.banner .banner__body .banner__img .banner__color {
  position: absolute;
  background: #1B3379CC;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.banner .banner__body .banner__img .banner__color .banner__content {
  position: absolute;
  right: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.banner .banner__body .banner__img .banner__color .banner__content .content__overlay .content__title {
  color: #fff;
  font-size: 60px;
  line-height: 70px;
  letter-spacing: -3.5px;
  font-weight: 700;
  z-index: 3;
}

.banner .banner__body .banner__img .banner__color .banner__content .content__overlay .content__title span {
  font-weight: 300;
}

.banner .banner__body .banner__img .banner__color .banner__content .content__overlay .content__text {
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
}

.banner .banner__body .banner__img .banner__color .banner__content .content__overlay .content__btn {
  padding: 14px 40px;
  font-weight: 500;
  font-size: 18px !important;
  z-index: 3;
}

.banner .swiper-button-next {
  color: #FFAB00;
  border: 2px solid #FFAB00;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  -webkit-transition: all 1s;
  transition: all 1s;
  right: 50px;
}

.banner .swiper-button-next:hover {
  color: #fff;
  background-color: #cc8900;
}

.banner ::after {
  font-size: 40px;
  font-weight: 700;
}

.banner .swiper-button-prev {
  color: #FFAB00;
  border: 2px solid #FFAB00;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  -webkit-transition: all 1s;
  transition: all 1s;
  left: 50px;
}

.banner .swiper-button-prev:hover {
  color: #fff;
  background-color: #cc8900;
}

.banner .swiper-pagination {
  font-size: 25px;
  color: #fff;
  text-align: right;
  padding-right: 20px;
}

.about {
  background-color: #f1f1f1;
}

.about .about-text p {
  color: #777;
  font-size: 16px;
  line-height: 27.2px;
  margin: 0px 0px 16px;
  font-weight: 500;
  opacity: .7;
}

.people .sub-heading {
  text-align: center;
}

.people .people-body {
  margin-top: 50px;
}

.people .people-body .people-item {
  padding: 50px 15px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  border-bottom: 5px solid transparent;
}

.people .people-body .people-item:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  border-bottom: 5px solid #F97D1C;
  /* border-bottom: 5px solid #FFAB00; */
}

.people .people-body .people-item img {
  width: 60px;
  height: 60px;
}

.people .people-body .people-item h3 {
  color: #FFAB00;
  font-size: 20px;
  line-height: 34px;
  font-weight: 700;
  padding-top: 20px;
}

.people .people-body .people-item p {
  color: #777;
  font-size: 16px;
  line-height: 27.2px;
  margin: 5px 0px 0px;
  font-weight: 500;
  opacity: .5;
}

.causes {
  background-color: #F9F7F6;
}

.causes .heading-text p {
  color: #777;
  font-size: 16px;
  line-height: 27.2px;
  margin: 0px 0px 30px;
  font-weight: 500;
}

.causes .causes-body {
  padding-top: 60px;
  position: relative;
  z-index: 2;
}

.causes .causes-body .causes-item {
  padding: 30px 30px 25px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 15px 2px rgba(15, 13, 13, 0.06);
  box-shadow: 0 3px 15px 2px rgba(15, 13, 13, 0.06);
  margin: 0 15px 30px;
}

.causes .causes-body .causes-item .causes-img img {
  width: 100%;
}

.causes .causes-body .causes-item .causes-text .causes-item-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.causes .causes-body .causes-item .causes-text .causes-item-action .causes__badge {
  display: inline-block;
  color: #fff;
  background-color: #FFAB00;
  font-size: 14px;
  font-weight: 700;
  line-height: 27px;
  padding: 1px 15px 3px 15px;
  border-radius: 3px;
}

.causes .causes-body .causes-item .causes-text .causes-item-action .causes__btn a {
  display: inline-block;
  position: relative;
  text-decoration: none;
}

.causes .causes-body .causes-item .causes-text .causes-item-action .causes__btn a:hover ::after {
  background: inherit;
}

.causes .causes-body .causes-item .causes-text .causes-item-action .causes__btn a span {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.causes .causes-body .causes-item .causes-text .causes-item-action .causes__btn a ::before {
  content: "+";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: -10px;
  top: 2px;
}

.causes .causes-body .causes-item .causes-text .causes-item-action .causes__btn a ::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #333;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
}

.causes .causes-body .causes-item .causes-text .causes-item-title h6 a {
  display: inline-block;
  text-decoration: none;
  color: #333;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -1px;
  font-weight: 700;
}

.causes .causes-body .causes-item .causes-text .causes-item-title p {
  color: #777;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 10px;
  font-weight: 400;
}

.causes .causes-body .causes-item .causes-text .causes-item-progress {
  margin-top: 45px;
}

.causes .causes-body .causes-item .causes-text .causes-item-progress .percent {
  position: relative;
}

.causes .causes-body .causes-item .causes-text .causes-item-progress .percent span {
  font-size: 16px;
  line-height: 27.2px;
  font-weight: 700;
  top: -30px;
  position: absolute;
}

.causes .causes-body .causes-item .causes-text .causes-item-progress .progress {
  border-radius: 10px;
}

.causes .causes-body .causes-item .causes-text .causes-item-progress .progress .progress-bar {
  background-color: #CC8900;
}

.causes .causes-body .causes-item .causes-text .causes-item-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-top: 25px;
}

.causes .causes-body .causes-item .causes-text .causes-item-details .left {
  margin-right: 50px;
}

.project .sub-heading {
  text-align: center;
}

.project .porject-body .project-item {
  position: relative;
}

.project .porject-body .project-item:hover .project-img img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.project .porject-body .project-item .project-img {
  overflow: hidden;
}

.project .porject-body .project-item .project-img img {
  width: 550px;
  height: 450px;
  overflow: hidden;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.project .porject-body .project-item .overlay {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 171, 0, 0.69);
}

.project .porject-body .project-item .overlay .overly__item {
  color: #fff;
  text-align: center;
  padding: 20px;
}

.project .porject-body .project-item .overlay .overly__item .sub-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 13px;
  background: #4a4c70;
  margin-bottom: 22px;
  border-radius: 4px;
}

.project .porject-body .project-item .overlay .overly__item h3 a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -1.75px;
  font-weight: 700;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.project .porject-body .project-item .overlay .overly__item h3 a:hover {
  color: #f3c931;
}

.project .porject-body .project-item .overlay .overly__item p {
  color: #fff;
  font-size: 16px;
  line-height: 27.2px;
  margin: 20px 0px 20px;
  font-weight: 500;
}

.project .porject-body .project-item .overlay .overly__item .project-item-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.project .porject-body .project-item .overlay .overly__item .project-item-details .left {
  margin-right: 20px;
}

.project .porject-body .project-item .overlay .overly__item .project-item-details span {
  font-size: 16px;
  line-height: 27.2px;
  font-weight: 500;
  padding: 0;
}

.sponsor .sponsor-head {
  font-size: 300px;
  line-height: 250px;
  letter-spacing: -20px;
  margin: 0px 0px 8px;
  font-weight: 400;
  text-align: center;
}

.sponsor .sponsor-body h3 {
  font-size: 40px;
  line-height: 44px;
  letter-spacing: -2px;
  margin: -28px 0px 8px;
  font-weight: 700;
}

.sponsor .sponsor-body p {
  color: #777;
  font-size: 16px;
  line-height: 27.2px;
  margin: 0px 0px 16px;
  font-weight: 500;
}

.event .sub-heading {
  text-align: center;
  margin-bottom: 50px;
}

.event .event-body .event-item {
  background-color: #fff;
  padding: 5px;
  margin-bottom: 50px;
  -webkit-box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
}

.event .event-body .event-item .event-img img {
  width: 100%;
}

.event .event-body .event-item .event-text {
  padding: 25px 30px 18px 30px;
}

.event .event-body .event-item .event-text h6 a {
  color: #FFAB00;
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: -1px;
  font-weight: 700;
}

.event .event-body .event-item .event-text h6 a:hover {
  color: #cc8900;
}

.event .event-body .event-item .event-text p {
  color: #777;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  margin: 0;
}

.event .event-button {
  text-align: center;
}

.client .client-review {
  -webkit-box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
  padding: 40px 20px;
  text-align: center;
  border-radius: 10px;
}

.client .client-review .client-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
}

.client .client-review .text {
  margin: 0;
  padding: 20px 0;
  color: #777;
  font-size: 16px;
  line-height: 24px;
}

.client .client-review .text i {
  color: #efc940;
  font-size: 45px;
  line-height: 15px;
  font-weight: 700;
  opacity: .5;
}

.client .client-review .client-name {
  padding: 0 0 30px 20px;
  text-align: left;
}

.client .client-review .client-name ::before {
  position: absolute;
  content: "";
  width: 45px;
  height: 2px;
  background-color: #efc940;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -50px;
}

.client .client-review .client-name span {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}

.client .swiper-button-next {
  color: #FFAB00;
  border: 2px solid #FFAB00;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.client .swiper-button-next:hover {
  color: #fff;
  background-color: #cc8900;
}

.client .swiper-button-prev {
  color: #FFAB00;
  border: 2px solid #FFAB00;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.client .swiper-button-prev:hover {
  color: #fff;
  background-color: #cc8900;
}

.goal {
  background-image: url(../image/goal-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 550px;
  background-attachment: fixed;
}

.goal .bgc {
  background: #CC8900E6;
  height: 550px;
}

.goal .bgc .sub-heading {
  text-align: center;
}

.goal .bgc .sub-heading h5 {
  color: #fff;
}

.goal .bgc .sub-heading h2 {
  color: #fff;
}

.goal .bgc .goal-counter {
  text-align: center;
  color: #fff;
}

.goal .bgc .goal-counter .icon {
  font-size: 50px;
}

.goal .bgc .goal-counter span {
  font-size: 100px;
  line-height: 120px;
  letter-spacing: -7px;
  font-weight: 700;
}

.goal .bgc .goal-counter .count-heading {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -1px;
  margin: 0px 0px 8px;
  font-weight: 700;
}

.news {
  padding: 100px 0;
}

.news .sub-heading {
  text-align: center;
  margin-bottom: 50px;
}

.news .news-body .news-item {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 50px;
  -webkit-box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
}

.news .news-body .news-item .news-img {
  position: relative;
}

.news .news-body .news-item .news-img img {
  width: 100%;
}

.news .news-body .news-item .news-img span {
  position: absolute;
  top: 15px;
  left: 13px;
  z-index: 1;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 13px;
  border-radius: 4px;
  background-color: #F8AC3AC7;
}

.news .news-body .news-item .news-img .overlay-meta {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 14px 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  background-color: #F8AC3AC7;
}

.news .news-body .news-item .news-img .overlay-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
}

.news .news-body .news-item .news-text {
  padding: 37px 13px 15px 13px;
}

.news .news-body .news-item .news-text h6 a {
  color: #FFAB00;
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: -1px;
  font-weight: 700;
}

.news .news-body .news-item .news-text h6 a:hover {
  color: #cc8900;
}

.news .news-body .news-item .news-text p {
  color: #777;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  margin: 0;
}

.news .news-body .news-item .news-text a {
  margin-top: 20px;
  justify-items: end;
}

.news .news-body .news-item .news-text .news-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
}

.news .news-body .news-item .news-text .news-details span {
  line-height: 23.8px;
}

.volounteer .bgc {
  background-image: url(../image/counter.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 470px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  background-attachment: fixed;
}

.volounteer .bgc .volounteer-content {
  text-align: center;
  padding-top: 120px;
  color: #fff;
}

.volounteer .bgc .volounteer-content h2 {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -2.5px;
  margin: 0px 0px 8px;
  font-weight: 700;
}

.volounteer .bgc .volounteer-content p {
  color: #fff;
  font-size: 16px;
  line-height: 27.2px;
  margin: 15px auto 0px;
  font-weight: 500;
  width: 100%;
  max-width: 520px;
  margin: 15px auto 0 auto;
}

.donor {
  position: relative;
}

.donor .sub-heading {
  text-align: center;
}

.donor .donor-body .donor-list {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.volounteer-team img {
  width: 100%;
}

.footer {
  background-color: white;
  padding: 20px 0;
  color: #000000;
  /* height: 20%; */
}

.footer .footer-address .footer-logo a {
  display: inline-block;
  text-decoration: none;
  color: #FFAB00;
  font-size: 25px;
  line-height: 34px;
  font-weight: 700;
}

.footer .footer-address .address {
  padding-top: 30px;
}

.footer .footer-address .address p {
  font-size: 16px;
  line-height: 24px;
}

.footer .footer-address .address p a {
  color: #fff;
  text-decoration: none;
}

.footer .footer-address .footer-icon {
  padding-top: 10px;
}

.footer .footer-address .footer-icon ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer .footer-address .footer-icon ul li {
  display: inline-block;
}

.footer .footer-address .footer-icon ul li a {
  display: inline-block;
  color: #cfcece;
  margin-right: 30px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.footer .footer-address .footer-icon ul li a:hover {
  color: #ff853f;
}

.footer .footer-menu h6 {
  color: #FFAB00;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 29px;
}

.footer .footer-menu .menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer .footer-menu .menu li {
  width: 50%;
  float: left;
  margin: 5px 0;
}

.footer .footer-menu .menu li a {
  display: inline-block;
  text-decoration: none;
  color: #9c9898;
  font-size: 16px;
  line-height: 19px;
}

.footer .footer-menu .menu li a:hover ::after {
  width: 100%;
}

.footer .footer-menu .menu li a ::after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background: #efc940;
  -webkit-transition: width .3s;
  transition: width .3s;
}

.footer .footer-subcribe h6 {
  color: #FFAB00;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 29px;
}

.footer .footer-subcribe form input {
  color: #9c9c9e;
  border: none;
  background: 0 0;
  width: 100%;
  border-bottom: 2px solid #373841;
  padding: 4px 0 10px 0;
  outline: none;
}

.footer .footer-subcribe .footer-button {
  width: 100%;
}

.footer .copy-right {
  /* padding-top: 60px; */
  /* position: relative; */
  /* display: none; */
  opacity: .4;
}

.footer .copy-right .copy-right__text {
  margin: 3px;
  left: 0;
  /* position: absolute; */
}

.footer .copy-right .copy-right__menu {
  text-align: right;
}

.footer .copy-right .copy-right__menu :last-child {
  border: none;
  padding: 0;
  padding-left: 2px;
}

.footer .copy-right .copy-right__menu li {
  display: inline;
  border-right: 1px solid #fff;
  padding-right: 10px;
}

.footer .copy-right .copy-right__menu li a {
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid transparent !important;
}

.footer .copy-right .copy-right__menu li a:hover {
  border-bottom: 1px solid #fff !important;
}

.banner-404 {
  background-image: url(../image/404-hero.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  background-attachment: fixed;
}

.banner-404 .bgc {
  background: #1B3379CC;
  height: 100vh;
}

.banner-404 .bgc .overlay {
  position: absolute;
  right: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
}

.banner-404 .bgc .overlay .content h1 {
  color: #FFAB00;
  font-size: 250px;
  line-height: 260px;
  letter-spacing: -3.5px;
  font-weight: 600;
  padding-right: 3px;
}

.banner-404 .bgc .overlay .content h2 {
  color: #fff;
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
}

.banner-404 .bgc .overlay .content p {
  color: #fff;
  font-size: 16px;
  line-height: 27.2px;
  font-weight: 500;
}

.footer-404 {
  background-color: #20212B;
}

.footer-404 .copy-right p {
  margin: 0;
  text-align: center;
  color: #fff;
  padding: 12px 0;
}

.banner-faq {
  background-image: url(../image/404-hero.jpg);
}

/* .faq-body .faq-question input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.faq-body .faq-question .tabs {
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.faq-body .faq-question .tabs .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.faq-body .faq-question .tabs .tab-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
  font-weight: bold;
  cursor: pointer;
}
.faq-body .faq-question .tabs .tab-label:hover {
  background: #1a252f;
}
.faq-body .faq-question .tabs .tab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s;
}
.faq-body .faq-question .tabs .tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  -webkit-transition: all .35s;
  transition: all .35s;
}
.faq-body .faq-question .tabs .tab-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.faq-body .faq-question .tabs .tab-close:hover {
  background: #1a252f;
}
.faq-body .faq-question .tabs .tab input:checked + .tab-label {
  background: #1a252f;
}
.faq-body .faq-question .tabs .tab input:checked + .tab-label::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.faq-body .faq-question .tabs .tab input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
} */

.faq-body .faq__item .dropdown {
  /* display: block;
  width: 100%;
  max-width: 500px;
  margin: auto;
  & + .dropdown {margin-top: 15px;} */
}


.faq-body .faq__item .dropdown .dropdown__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 14.3px 15px;
  box-sizing: border-box;
  /* font: 600 14px/22px sans-serif; */
  font-family: 'Open Sans', sans-serif;
  background-color: #2c3e50;
  cursor: pointer;
  transition: background .3s ease;
  will-change: background;
}

.faq-body .faq__item .dropdown .dropdown__top:hover {
  background: #1a252f;
}

.faq-body .faq__item .dropdown .dropdown__top::after {
  content: '\276F';
  font: 20px 'FontAwesome';
  transition: transform .5s ease;
  will-change: transform;
}

.faq-body .faq__item .open .dropdown__top::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.faq-body .faq__item .dropdown__btm {
  color: #555;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4;
  box-sizing: border-box;
  padding: 15px;
  display: none;
}


.faq-body .asq-question {
  background-image: url(../image/goal-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px;
  position: relative;
  background-attachment: fixed;
}

.faq-body .asq-question .bgc {
  background-color: #403b75ad;
  height: 500px;
  text-align: center;
  width: 100%;
  position: absolute;
}

.faq-body .asq-question .bgc .content {
  padding: 100px 20px;
  text-align: center;
  color: #fff;
}

.banner-contact {
  background-image: url(../image/goal-bg.jpg);
}

.support-body .support-item {
  text-align: center;
}

.support-body .support-item svg {
  color: #354463;
  font-size: 50px;
  margin-bottom: 30px;
}

.support-body .support-item p {
  margin: 0;
  padding: 0 20px;
}

.support-body .support-item p a {
  display: inline-block;
  text-decoration: none;
  color: #354463;
  font-weight: 700;
}

.support-body .support-item .social {
  padding: 0;
  margin: 0;
  text-align: center;
}

.support-body .support-item .social li {
  list-style: none;
  display: inline-block;
  margin: 0 10px;
}

.support-body .support-item .social li a svg {
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
  line-height: 20px;
}

.form-box .form h6 {
  color: #4a4c70;
  font-size: 20px;
  line-height: 24px;
  margin: 0px 0px 10px;
}

.form-box .form span {
  color: #777777;
  font-size: 14px;
  ine-height: 23.8px;
  margin: 0px 0px 20px;
  font-weight: 500;
}

.form-box .form form {
  margin-top: 30px;
}

.form-box .form form input {
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  width: 100%;
  border-radius: 10px;
  border: 2px solid #e2e3e7;
  padding: 0 30px;
  background: #e2e3e7;
  -webkit-transition: background .3s;
  transition: background .3s;
  outline: 0;
  margin-bottom: 20px;
}

.form-box .form form input:focus {
  background: #fff;
}

.form-box .form form textarea {
  font-size: 14px;
  font-weight: 700;
  height: 170px;
  width: 100%;
  border-radius: 10px;
  border: 2px solid #e2e3e7;
  padding: 10px 30px;
  background: #e2e3e7;
  -webkit-transition: background .3s;
  transition: background .3s;
  outline: 0;
  resize: none;
}

.form-box .form form textarea:focus {
  background: #fff;
}

.banner-volunteer {
  background-image: url(../image/banner-3.jpg);
}

.help .help-content {
  padding-right: 40px;
}

.help .help-content p {
  color: #777;
  font-size: 16px;
  line-height: 27.2px;
  font-weight: 500;
}

.help .help-img img {
  width: 100%;
}

.form-box .left h6 {
  color: #999;
  font-size: 16px;
  line-height: 27.2px;
  margin: 0px 0px 10px;
  font-weight: 700;
}

.form-box .left h2 {
  color: #4a4c70;
  font-size: 50px;
  line-height: 60px;
  margin: 0px 0px 20px;
  font-weight: 700;
}

.form-box .left h2 span {
  font-weight: 300;
}

.form-box .right p {
  color: #777;
  font-size: 16px;
  line-height: 27.2px;
  font-weight: 500;
}

.form-box .form form {
  margin: 0;
}

.form-box .form form input {
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  width: 100%;
  border-radius: 10px;
  border: 2px solid #e2e3e7;
  padding: 0 30px;
  background: #e2e3e7;
  -webkit-transition: background .3s;
  transition: background .3s;
  outline: 0;
  margin-bottom: 20px;
}

.form-box .form form input:focus {
  background: #fff;
}

.form-box .form .message textarea {
  font-size: 14px;
  font-weight: 700;
  height: 330px;
  width: 100%;
  border-radius: 10px;
  border: 2px solid #e2e3e7;
  padding: 10px 30px;
  background: #e2e3e7;
  -webkit-transition: background .3s;
  transition: background .3s;
  outline: 0;
  resize: none;
}

.form-box .form .message textarea:focus {
  background: #fff;
}

.banner-causes {
  background-image: url(../image/banner-2.jpg);
}

.causes__single .causes__body .causes__item {
  -webkit-box-shadow: 0 3px 15px 2px rgba(15, 13, 13, 0.06);
  box-shadow: 0 3px 15px 2px rgba(15, 13, 13, 0.06);
  padding: 30px 30px;
  margin-bottom: 30px;
}

.causes__single .causes__body .causes__item .causes__img {
  padding-right: 10px;
}

.causes__single .causes__body .causes__item .causes__img img {
  width: 100%;
  height: 360px;
}

.causes__single .causes__body .causes__item .causes__info .causes__title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -1.25px;
  margin: 0px 0px 8px;
  font-weight: 700;
}

.causes__single .causes__body .causes__item .causes__info .causes__info__progress {
  padding-top: 10px;
}

.causes__single .causes__body .causes__item .causes__info .causes__info__progress .causes-item-progress .skills-item {
  position: relative;
  width: 100%;
}

.causes__single .causes__body .causes__item .causes__info .causes__info__progress .causes-item-progress .skills-item .bar {
  position: relative;
  width: 100%;
  height: 15px;
  background-color: #e9ecef;
  border-radius: 15px;
}

.causes__single .causes__body .causes__item .causes__info .causes__info__progress .causes-item-progress .skills-item .bar .fill {
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #CC8900;
  border-radius: 15px 0 0 15px;
  -webkit-transition: all 3s;
  transition: all 3s;
}

.causes__single .causes__body .causes__item .causes__info .causes__info__progress .causes-item-progress .skills-item .bar .fill::before {
  content: attr(data-width);
  position: absolute;
  top: -25px;
  right: -40px;
  font-family: sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 600;
}

.causes__single .causes__body .causes__item .causes__info .causes__info__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.causes__single .causes__body .causes__item .causes__info .causes__info__details span {
  font-size: 16px;
  line-height: 27px;
  font-weight: 500;
}

.causes__single .causes__body .causes__item .causes__info .pay__body {
  padding: 20px 0;
}

.causes__single .causes__body .causes__item .causes__info .pay__body .pay__list .pay__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.causes__single .causes__body .causes__item .causes__info .pay__body .pay__list .pay__item label {
  display: inline;
}

.causes__single .causes__body .causes__item .causes__info .amount {
  padding-top: 20px;
}

.causes__single .causes__body .causes__item .causes__info .amount .amount__item {
  position: relative;
}

.causes__single .causes__body .causes__item .causes__info .amount .amount__item .input-group-sign {
  width: 50px;
  height: 50px;
  max-width: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  background-color: #CC8900;
  color: #fff;
  font-size: 20px;
}

.causes__single .causes__body .causes__item .causes__info .amount .amount__item .form-control {
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  width: 100%;
  border-radius: 20px;
  border: 2px solid #e2e3e7;
  padding: 0 20px 0 60px;
  background: #e2e3e7;
  -webkit-transition: background .3s;
  transition: background .3s;
  outline: 0;
  text-align: center;
}

.causes__single .causes__body .causes__item .causes__info .amount .amount__item .form-control:focus {
  background: transparent;
}

.causes__single .causes__body .causes__item .causes__info .amount .amount__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 14px;
}

.causes__single .causes__body .causes__item .causes__info .amount .amount__price label {
  display: inline;
}

.causes__single .causes__body .causes__item .causes__info .personal-info {
  padding-top: 20px;
}

.causes__single .causes__body .causes__item .causes__info .personal-info .personal-info__title {
  font-size: 20px;
  line-height: 27px;
}

.causes__single .causes__body .causes__item .causes__info .personal-info .personal-info__form input {
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  width: 100%;
  border-radius: 10px;
  border: 2px solid #e2e3e7;
  padding: 0 10px;
  background: #e2e3e7;
  -webkit-transition: background .3s;
  transition: background .3s;
  outline: 0;
}

.causes__single .causes__body .causes__item .causes__info .personal-info .personal-info__form input:focus {
  background: transparent;
}

.banner-event {
  background-image: url(../image/banner-1.jpg);
}

.upcoming-event .event__body .event__item {
  position: relative;
}

.upcoming-event .event__body .event__item .event {
  padding-top: 30px;
}

.upcoming-event .event__body .event__item .event__list:hover .event__info .info__img img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.upcoming-event .event__body .event__item .event__list .event__info {
  background-color: #403B75;
  padding: 5px;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__img {
  position: relative;
  overflow: hidden;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__img img {
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  overflow: hidden;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__img .info__date {
  background-color: #55669c;
  background-color: #55669c;
  position: absolute;
  top: 15px;
  left: 13px;
  z-index: 1;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 4px;
  border-radius: 4px;
  width: 25%;
  text-align: center;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__img .info__date .date {
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -3.5px;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__img .info__date .month-year {
  font-size: 14px;
  line-height: 27px;
  font-weight: 700;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__text {
  padding: 25px;
  color: #fff;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__text .info__title {
  padding-top: 20px;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__text .info__title a {
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -1px;
  font-weight: 700;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__text .info__title a:hover {
  opacity: 50%;
}

.upcoming-event .event__body .event__item .event__list .event__info .info__text .info__description {
  font-size: 16px;
  line-height: 27px;
  margin: 0px 0px 16px;
  font-weight: 500;
}

.upcoming-event .event__body .event__item .swiper-button-next {
  color: #FFAB00;
  border: 1px solid #FFAB00;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s;
  right: 45%;
  top: -30px;
  position: absolute;
}

.upcoming-event .event__body .event__item .swiper-button-next:hover {
  color: #fff;
  background-color: #cc8900;
}

.upcoming-event .event__body .event__item :after {
  font-size: 25px;
}

.upcoming-event .event__body .event__item .swiper-button-prev {
  color: #FFAB00;
  border: 1px solid #FFAB00;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s;
  left: 45%;
  top: -30px;
  position: absolute;
}

.upcoming-event .event__body .event__item .swiper-button-prev:hover {
  color: #fff;
  background-color: #cc8900;
}

.banner-event-single {
  background-image: url(../image/goal-bg.jpg);
}

.event__article {
  max-width: 1000px;
  margin: 0 auto;
}

.event__article .article__img img {
  width: 100%;
}

.event__article .article__info .article__title {
  font-size: 16px;
  line-height: 27px;
  margin: 0px 0px 16px;
  font-weight: 500;
}

.event__article .article__info .article__list {
  padding: 20px 0 0;
  margin: 0;
  list-style: none;
}

.event__article .article__info .article__list .article__text {
  color: #777777;
  font-size: 16px;
  line-height: 26px;
  margin: 0px 0px 16px;
}

.event__card .card__item .item__list {
  padding: 15px;
  border-radius: 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.event__card .card__item .item__list:hover .list__inner .inner__img img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.event__card .card__item .item__list .list__inner {
  position: relative;
}

.event__card .card__item .item__list .list__inner .inner__img {
  overflow: hidden;
}

.event__card .card__item .item__list .list__inner .inner__img img {
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.event__card .card__item .item__list .list__inner .inner__content {
  padding: 35px 20px;
}

.event__card .card__item .item__list .list__inner .inner__content .content__title {
  padding-bottom: 10px;
}

.event__card .card__item .item__list .list__inner .inner__content .content__title a {
  display: inline-block;
  color: #000;
  text-decoration: none;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.event__card .card__item .item__list .list__inner .inner__content .content__title a:hover {
  color: #CC8900;
}

.event__card .card__item .item__list .list__inner .inner__content .inner__details ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.event__card .card__item .item__list .list__inner .inner__content .inner__details ul li {
  padding: 0 10px;
}

.gallery .gallery__title .port-filter {
  margin-bottom: 40px;
}

.gallery .gallery__title .port-filter ul {
  padding: 0;
  margin: 0;
}

.gallery .gallery__title .port-filter ul li {
  display: inline-block;
  font-size: 13px;
  margin-right: 20px;
  color: #FFAB00;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid #FFAB00;
  padding: 8px 12px;
}

.gallery .gallery__title .port-filter ul .filter-item {
  font-weight: 600;
  background: #FFAB00;
  color: #fff;
  border-color: #FFAB00;
}

.gallery .gallery__title .port-filter ul :last-child {
  margin-right: 0;
  margin-left: 0;
}

.gallery .portfolio-section .item .portfolio-item {
  position: relative;
  overflow: hidden;
}

.gallery .portfolio-section .item .portfolio-item img {
  width: 100%;
}

.gallery .portfolio-section .item .portfolio-item:hover .item-overlay {
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.gallery .portfolio-section .item .portfolio-item .item-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 171, 0, 0.6);
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  opacity: 0;
}

.gallery .portfolio-section .item .portfolio-item .item-overlay .icon-overlay__icons {
  -webkit-transition: .5s all ease;
  transition: .5s all ease;
}

.gallery .portfolio-section .item .portfolio-item .item-overlay .icon-overlay__icons svg {
  display: inline-block;
  -webkit-transition: .5s all ease;
  transition: .5s all ease;
  height: 15px;
  width: 15px;
  margin-top: 30px;
  background-color: #fff;
  font-size: 18px;
  padding: 8px;
  line-height: 40px;
  color: #222;
  margin-right: 5px;
  border-radius: 10%;
  text-align: center;
}

.banner-about {
  background-image: url(../image/1.jpg);
}

.about .about__info .info__title {
  color: #ffab00;
  font-size: 28px;
  line-height: 34px;
  margin: 0px 0px 10px;
  font-weight: 600;
}

.about .about__info .info__des {
  color: #777777;
  font-size: 16px;
  line-height: 28px;
  padding: 15px 15px 0 0;
}

.about .about__info .info__list {
  margin: 0;
  list-style: none;
}

.about .about__info .info__list li {
  color: #777777;
  font-size: 16px;
  line-height: 38px;
}

.about .about__info .info__list li i {
  color: #ffab00;
  padding-right: 10px;
}

.about .about__img img {
  width: 100%;
}

.help-us {
  background-image: url(../image/counter.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  background-attachment: fixed;
}

.help-us .bgc {
  background-color: rgba(255, 255, 255, 0.77);
}

.help-us .bgc .help-us__content {
  text-align: center;
  padding: 90px 0;
}

.help-us .bgc .help-us__content h2 {
  color: #ffab00;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -2.5px;
  margin: 0px 0px 8px;
  font-weight: 700;
}

.help-us .bgc .help-us__content p {
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  margin: 15px auto 0px;
  font-weight: 500;
}

.help-us .bgc .help-us__content p span {
  color: #ffab00;
  font-weight: 500;
}

.our-causes .sub-heading {
  text-align: center;
  margin-bottom: 50px;
}

.our-causes .event-body .event-item {
  background-color: #fff;
  padding: 5px;
  margin-bottom: 50px;
  -webkit-box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
}

.our-causes .event-body .event-item:hover .event-img img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.our-causes .event-body .event-item .event-img {
  overflow: hidden;
}

.our-causes .event-body .event-item .event-img img {
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  overflow: hidden;
}

.our-causes .event-body .event-item .event-text {
  padding: 25px 30px 18px 30px;
}

.our-causes .event-body .event-item .event-text h6 a {
  color: #FFAB00;
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: -1px;
  font-weight: 700;
}

.our-causes .event-body .event-item .event-text h6 a:hover {
  color: #cc8900;
}

.our-causes .event-body .event-item .event-text p {
  color: #777;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  margin: 0;
}

.our-causes .event-body .event-item .event-text ul {
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.our-causes .event-body .event-item .event-text ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.our-causes .event-body .event-item .event-text ul :first-child {
  color: #777;
  padding: 10px 0;
}

.our-causes .event-body .event-item .event-text ul :last-child {
  color: #ffab00;
  padding: 10px 0;
}

.our-causes .event-body .event-item .event-text ul :last-child .causes-card-btn {
  color: #fff;
  line-height: 20px;
  padding: 12px 16px;
}

.our-causes .event-button {
  text-align: center;
}

.about__goal {
  background-image: url(../image/goal-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 550px;
  background-attachment: fixed;
}

.about__goal .bgc {
  background-color: rgba(255, 255, 255, 0.77);
  height: 550px;
}

.about__goal .bgc .goal__content .content__title {
  color: #333333;
  font-size: 24px;
  line-height: 34px;
  padding: 50px 0 0;
  font-weight: 600;
}

.about__goal .bgc .goal__content .content__text {
  color: #777777;
  font-size: 16px;
  line-height: 26px;
  margin: 30px 0px;
}

.about__donor .donor-body .donor-list {
  text-align: center;
}

.volunteers__teams .teams__item .item__list:hover .list__img .list__overly-item {
  opacity: 1;
}

.volunteers__teams .teams__item .item__list .list__img {
  position: relative;
}

.volunteers__teams .teams__item .item__list .list__img img {
  width: 100%;
}

.volunteers__teams .teams__item .item__list .list__img .list__overly-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 171, 0, 0.9);
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  opacity: 0;
}

.volunteers__teams .teams__item .item__list .list__img .list__overly-item .list__overly-text {
  text-align: center;
}

.volunteers__teams .teams__item .item__list .list__img .list__overly-item .list__overly-text h6 a {
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  text-decoration: none;
  font-weight: 600;
}

.volunteers__teams .teams__item .item__list .list__img .list__overly-item .list__overly-text p {
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0px 15px;
  font-weight: 600;
}

.volunteers__teams .teams__item .item__list .list__img .list__overly-item .list__overly-text ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.volunteers__teams .teams__item .item__list .list__img .list__overly-item .list__overly-text ul li {
  display: inline;
  text-align: center;
}

.volunteers__teams .teams__item .item__list .list__img .list__overly-item .list__overly-text ul li a {
  color: #fff;
  background-color: #333;
  width: 35px;
  height: 35px;
  display: inline-block;
  padding: 5px;
  border-radius: 100%;
}

.blog-single .blog-single__content .content__title {
  font-size: 32px;
  line-height: 42px;
  font-weight: 600;
}

.blog-single .blog-single__content .content__post-meta {
  padding: 0;
  margin: 0;
}

.blog-single .blog-single__content .content__post-meta li {
  list-style: none;
  display: inline-block;
  padding-right: 20px;
  color: #777;
  font-size: 14px;
  line-height: 28px;
}

.blog-single .blog-single__content .content__post-meta li span {
  color: #FFAB00;
}

.blog-single .blog-single__content .content__img {
  width: 100%;
  margin: 15px 0;
}

.blog-single .blog-single__content .content__text {
  color: #777;
  font-size: 14px;
  line-height: 24px;
}

.blog-single .blog-single__content .content__share {
  padding: 0;
  margin: 0;
  list-style: none;
}

.blog-single .blog-single__content .content__share .share__item {
  display: inline-block;
  padding-right: 10px;
}

.blog-single .blog-single__content .content__share .share__item .item__list {
  display: block;
  text-decoration: none;
  width: 50px;
  height: 50px;
  background-color: #f1f1f1;
  color: #ff853f;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.blog-single .blog-single__content .content__share .share__item .item__list:hover {
  background-color: #ff853f;
  color: #fff;
}

.blog-single .blog-single__feature .feature__search-box {
  margin-bottom: 30px;
}

.blog-single .blog-single__feature .feature__search-box .search-box__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}

.blog-single .blog-single__feature .feature__search-box form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cc8900;
}

.blog-single .blog-single__feature .feature__search-box form label .search-icon {
  padding: 0 10px;
}

.blog-single .blog-single__feature .feature__search-box form label input {
  width: 100%;
  color: #FFAB00;
  border: none;
  padding: 4px 16px 10px 0;
  outline: none;
}

.blog-single .blog-single__feature .feature__search-box form label .search-btn {
  padding: 10px;
  border-radius: 0;
  border: none;
}

.blog-single .blog-single__feature .feature__category .category__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}

.blog-single .blog-single__feature .feature__category .category__card {
  padding: 0 0 20px;
  margin: 0;
}

.blog-single .blog-single__feature .feature__category .category__card .card__item {
  list-style: none;
}

.blog-single .blog-single__feature .feature__category .category__card .card__item .item__list {
  text-decoration: none;
  display: inline-block;
  color: #212529;
  font-size: 18px;
  line-height: 36px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.blog-single .blog-single__feature .feature__category .category__card .card__item .item__list:hover {
  color: #CC8900;
  margin-left: 10px;
}

.blog-single .blog-single__feature .feature__latest-articles .latest-articles__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}

.blog-single .blog-single__feature .feature__latest-articles .latest-articles__card .card__item {
  border: 1px solid #f1f1f1;
  padding: 5px;
  margin-bottom: 15px;
}

.blog-single .blog-single__feature .feature__latest-articles .latest-articles__card .card__item .item__list .list__img {
  width: 100%;
}

.blog-single .blog-single__feature .feature__latest-articles .latest-articles__card .card__item .item__list .list__text .text__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.blog-single .blog-single__feature .feature__latest-articles .latest-articles__card .card__item .item__list .list__text .text__title a {
  text-decoration: none;
  color: #212529;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.blog-single .blog-single__feature .feature__latest-articles .latest-articles__card .card__item .item__list .list__text .text__title a:hover {
  color: #FFAB00;
}

.blog-single .blog-single__feature .feature__latest-articles .latest-articles__card .card__item .item__list .list__text .content__post-meta {
  padding: 0;
  margin: 0;
  line-height: 8px;
}

.blog-single .blog-single__feature .feature__latest-articles .latest-articles__card .card__item .item__list .list__text .content__post-meta li {
  list-style: none;
  display: inline-block;
  padding-right: 10px;
  color: #777;
  font-size: 12px;
}

.blog-single .blog-single__feature .feature__latest-articles .latest-articles__card .card__item .item__list .list__text .content__post-meta li span {
  color: #FFAB00;
}

.blog-single .blog-single__feature .feature__latest-trending .latest-trending__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}

.blog-single .blog-single__feature .feature__latest-trending .latest-trending__card .card__item {
  border: 1px solid #f1f1f1;
  padding: 5px;
  margin-bottom: 15px;
}

.blog-single .blog-single__feature .feature__latest-trending .latest-trending__card .card__item .item__list .list__img {
  width: 100%;
}

.blog-single .blog-single__feature .feature__latest-trending .latest-trending__card .card__item .item__list .list__text .text__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.blog-single .blog-single__feature .feature__latest-trending .latest-trending__card .card__item .item__list .list__text .text__title a {
  text-decoration: none;
  color: #212529;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.blog-single .blog-single__feature .feature__latest-trending .latest-trending__card .card__item .item__list .list__text .text__title a:hover {
  color: #FFAB00;
}

.blog-single .blog-single__feature .feature__latest-trending .latest-trending__card .card__item .item__list .list__text .content__post-meta {
  padding: 0;
  margin: 0;
  line-height: 8px;
}

.blog-single .blog-single__feature .feature__latest-trending .latest-trending__card .card__item .item__list .list__text .content__post-meta li {
  list-style: none;
  display: inline-block;
  padding-right: 10px;
  color: #777;
  font-size: 12px;
}

.blog-single .blog-single__feature .feature__latest-trending .latest-trending__card .card__item .item__list .list__text .content__post-meta li span {
  color: #FFAB00;
}

.volunteers .volunteers__inner .inner-item .item__list {
  padding: 10px;
  -webkit-box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
}

.volunteers .volunteers__inner .inner-item .item__list:hover .list__img img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.volunteers .volunteers__inner .inner-item .item__list .list__img {
  overflow: hidden;
}

.volunteers .volunteers__inner .inner-item .item__list .list__img img {
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text {
  text-align: center;
  padding: 30px 10px;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text .text__title {
  font-size: 24px;
  line-height: 32px;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text .text__title a {
  text-decoration: none;
  color: #20212B;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text .text__title a:hover {
  color: #CC8900;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text .text__sub-title {
  color: #666;
  font-size: 16px;
  line-height: 28px;
  text-transform: uppercase;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text .text__dec {
  color: #666;
  font-size: 14px;
  line-height: 22px;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text .text__social {
  padding: 0;
  margin: 0;
  text-decoration: none;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text .text__social .social__item {
  display: inline-block;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text .text__social .social__item .social__list {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #20212B;
  width: 40px;
  height: 40px;
  border: 1px solid #20212B;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.volunteers .volunteers__inner .inner-item .item__list .list__text .text__social .social__item .social__list:hover {
  background-color: #20212B;
  color: #fff;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.donation {
  background-image: url(../image/404-hero.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.donation .donation__body {
  background-color: #c28200db;
  padding: 50px;
  height: 800px;
}

.donation .donation__body .donation__title {
  font-size: 24px;
  line-height: 28px;
}

.donation .donation__body .payment__type-title,
.donation .donation__body .donation__type-title,
.donation .donation__body .donation__reason-title,
.donation .donation__body .donation__currency-title,
.donation .donation__body .donation__amount-title,
.donation .donation__body .donation__custom-title {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  padding-top: 20px;
}

.donation .donation__body label {
  color: #fff;
  padding-right: 15px;
}

.donation .donation__body select,
.donation .donation__body .donation__custom-fild input {
  border: 1px solid #333;
  background: transparent;
  width: 100%;
  padding: 12px 6px;
}

.donation .donation__body .donation__custom-fild {
  position: relative;
}

.donation .donation__body .donation__custom-fild .dolar-sign {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}

.donation .donation__body .donation__custom-fild input {
  position: absolute;
  outline: none;
  padding: 12px 60px;
}

.donation .donation__body .donation__button {
  padding-top: 80px;
}

.donation .donation__body .donation__button .donation-btn {
  border: none;
}

.gallery .gallery__item .gallery__list {
  padding-bottom: 20px;
}

.gallery .gallery__item .gallery__list .magnific-img .image-popup-vertical-fit {
  position: relative;
}

.gallery .gallery__item .gallery__list .magnific-img .image-popup-vertical-fit:hover .icon-overlay {
  display: inherit;
}

.gallery .gallery__item .gallery__list .magnific-img .image-popup-vertical-fit img {
  width: 100%;
}

.gallery .gallery__item .gallery__list .magnific-img .image-popup-vertical-fit .icon-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
}

.gallery .gallery__item .gallery__list .magnific-img .image-popup-vertical-fit .icon-overlay svg {
  width: 15px;
  height: 15px;
  padding: 5px;
  background-color: #f1f1f1;
  color: #333;
  border-radius: 50%;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.subscribe {
  background-color: #354463;
}

.subscribe .subscribe__title {
  color: #FFAB00;
  text-transform: uppercase;
}

.subscribe .subscribe__form-fild {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.subscribe .subscribe__form-fild input {
  width: 100%;
  border: 1px solid #FFAB00;
  background: transparent;
  outline: none;
  color: #fff;
  padding: 8px 14px;
}

.subscribe .subscribe__form-fild .subscribe-btn {
  border-radius: 0;
  border: none;
}

/*# sourceMappingURL=style.css.map */




/*my added css here*/
button.btn.btn-my {
  margin-top: 5px !important;
}

.upcoming-event .event__body .event__item .swiper-button-prev {
  z-index: 1;
}

.upcoming-event .event__body .event__item .swiper-button-next {
  z-index: 1;
}

.banner .swiper-pagination {
  display: none;
}

.donor.pt-100 {
  padding-bottom: 80px;
}

ul.copy-right__menu {
  margin-bottom: 0px;
}

.header .navbar form .language {
  border: 1px solid;
  text-align: center;
  line-height: 1.6;
  padding: 0px 5px;
  border-radius: 5px;
  cursor: pointer;
}

li.breadcrumb-item a {
  font-weight: bold;
}


span.list__icon i {
  font-weight: 600;
  font-size: 15px;
}

.blog-main h2.text__title a {
  font-size: 17px;
}

.comment .comment__form input {
  width: 100% !important;
  margin: 14px 0px;
  padding: 9px;
  border: 1px solid #f1f1f1;
  background: #f1f1f1;
}

.comment .comment__form textarea {
  width: 100%;
  margin-top: 14px;
  padding-bottom: 120px;
  padding-left: 12px;
  padding-top: 9px;
  border: 1px solid #f1f1f1;
  background: #f1f1f1;
}

.blog-single .comment {
  padding: 50px 20px;
}

.comment__form button.default-btn {
  background: #FFAB00;
  border: none;
  padding: 12px 20px;
  border-radius: 5px;
  color: #fff;
  text-transform: capitalize;
  margin-top: 15px;
  transition: 0.3s;
}

.comment__form button.default-btn:hover {
  opacity: 0.8;
}

.comment__title h5 {
  font-weight: 700;
  font-size: 25px;
}

blockquote {
  border-left: 4px solid #FFAB00;
  margin: 21px 15px;
  padding: 0px 10px;
  color: #777;
}

ul.content__share {
  margin-top: 32px !important;
}

.comment .comment__form input:focus {
  outline: 0;
}

.comment .comment__form textarea:focus {
  outline: 0;
}

.personal-info__btn.donat-single {
  text-align: right;
}

h6.personal-info__title.cause {
  margin: 10px 0px;
}

h6.pay__title.cause {
  margin-bottom: 15px;
}